<html manifest="IGNORE.manifest" lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<html manifest="IGNORE.manifest" lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>

    <link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/CLSRZ.css" th:href="@{${uiPath} + ${appName} + '/css/CLSRZ.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/zdialog.css"
          th:href="@{${uiPath} + ${appName} + '/css/zdialog.css'}"/>
</head>
<body>
<div class="szong"> 
     <div class="gtoubu">
       <p class="biaoti">我的订单</p>
     </div> 
     <div class="kuaiw"> </div>
     <div class="mytickettop">
         <p class="tickyifu" onclick="qiehuan('1','2',this)">已付款</p>
         <p class="tickdaifu" onclick="qiehuan('0','0',this)">待付款</p>
         <p class="tickyiwan" onclick="qiehuan('3','4',this)">已完成</p>
     </div>
     <div id="clswodedidan1"  class="ticketxiangyifu" >
         <div id="dingdanxiang" class="ticketxiang" th:each="orderUserInfo:${list}"  th:data="${orderUserInfo.payState}" th:if="${orderUserInfo.payState==0||orderUserInfo.payState==3||orderUserInfo.payState==4}" th:style="'display:none'">
             <a th:href="@{'/materialOrder/order?id='+${orderUserInfo.orderUserInfoId}}">

             <ul>
                 <li class="tickdd">
                     <p class="tickfiest"><b>订单编号：</b><span class="bianhaoxiangqing"><b th:text="${orderUserInfo.orderUserInfoId}"></b></span></p>
                     <p class="ticksubfiset" th:value="${orderUserInfo.createTime}">2017-1-2 12:21:45</p>
                 </li>
                 <li class="tickdd">
                     <p class="tickfiest" >商品名称：<span th:text="${orderUserInfo.materialGoods.goodsName}"></span></p>
                 </li>
                 <li class="tickdd">
                     <p class="tickfiest dfsd">购买总数量：<span th:value="${orderUserInfo.count}">13</span></p>
                     <p class="tickright"></p>
                 </li>
                 <li class="tickdd">
                      <p class="tickfiest zongjie">总支付金额：<span class="ticketmoney" th:value="${orderUserInfo.price}">¥100.00</span></p>
                     <p class="tickthirst" th:if="${orderUserInfo.payState==0}">待付款</p>
                     <p class="tickthirst" th:if="${orderUserInfo.payState==1}">未发货</p>
                      <p class="tickthirst" th:if="${orderUserInfo.payState==2}">已发货</p>
                     <p class="tickthirst" th:if="${orderUserInfo.payState==3}">已收货打款</p>
                     <p class="tickthirst" th:if="${orderUserInfo.payState==4}">已评价</p>

                 </li>
             </ul>
             </a>
         </div>
         <div id="dingdanxiang" class="ticketxiang" th:each="orderUserInfo:${list}"  th:data="${orderUserInfo.payState}" th:if="${orderUserInfo.payState==1||orderUserInfo.payState==2}">
             <a th:href="@{'/materialOrder/order?id='+${orderUserInfo.orderUserInfoId}}">

                 <ul>
                     <li class="tickdd">
                         <p class="tickfiest"><b>订单编号：</b><span class="bianhaoxiangqing"><b th:text="${orderUserInfo.orderUserInfoId}"></b></span></p>
                         <p class="ticksubfiset" th:value="${orderUserInfo.createTime}">2017-1-2 12:21:45</p>
                     </li>
                     <li class="tickdd">
                         <p class="tickfiest" >商品名称：<span th:text="${orderUserInfo.materialGoods.goodsName}"></span></p>
                     </li>
                     <li class="tickdd">
                         <p class="tickfiest dfsd">购买总数量：<span th:value="${orderUserInfo.count}">13</span></p>
                         <p class="tickright"></p>
                     </li>
                     <li class="tickdd">
                         <p class="tickfiest zongjie">总支付金额：<span class="ticketmoney" th:value="${orderUserInfo.price}">¥100.00</span></p>
                         <p class="tickthirst" th:if="${orderUserInfo.payState==0}">待付款</p>
                         <p class="tickthirst" th:if="${orderUserInfo.payState==1}">未发货</p>
                         <p class="tickthirst" th:if="${orderUserInfo.payState==2}">已发货</p>
                         <p class="tickthirst" th:if="${orderUserInfo.payState==3}">已收货打款</p>
                         <p class="tickthirst" th:if="${orderUserInfo.payState==4}">已评价</p>

                     </li>
                 </ul>
             </a>
         </div>
     </div>



</div>
<div th:include="/hzf-wxplatform-web/CLS/footer.html::frofile('2')"></div>

<script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
<script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
<!-- <script type="text/javascript" src="../js/basevalue.js"></script> -->
<script type="text/javascript" src="../js/zdialog.js" th:src="@{${uiPath} + ${appName} + '/js/zdialog.js'}"></script>

<script type="text/javascript" src="../js/CLSRZ.js" th:src="@{${uiPath} + ${appName} + '/js/CLSRZ.js'}"></script>
<script>
    function qiehuan(type,type1,obj){
       $('.ticketxiang').each(function (index,el) {
           if($(el).attr('data')==type||$(el).attr('data')==type1){
            $(el).show();
           }else{
            $(el).hide();
           }

       })
        $('.tickyifu').removeClass();
        $(obj).addClass("tickyifu");
    }

    </script>
</body>
</html>